<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>作品2</title>
  <link rel="stylesheet" type="text/css" href="__APP__/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="__APP__/wb_comm.css">
	<link rel="stylesheet" type="text/css" href="__APP__/wb_detail.css">

</head>
<body>
	

<div class="wrap">
<div class="wp1">
<div class="wp2">

<include file="__THEME__/public_header"/>

   <div class="box">
   <div class="main">
    <!--左侧 start-->

      <div class="area_l">

           
           <div class="area_l_c">
               <div class="u_info">
                   <div class="tx">

                      <img src="{$user_info[$post_detail['post_uid']]['avatar_middle']}"/>
                   </div>
                   <div class="ny">
                     <div class="name">{$user_info[$post_detail['post_uid']]['uname']}</div>

                     <div class="yx">{$yx}</div>
                    </div>
               </div>
               <div class="u_down">
                   <div class="btn_2">
                     
                      <button type="button"> ＋关注</button>
                      <button type="button">  @ 私信 </button>
                   </div>
                   <div class="zp_num">

                       <div class="num_item">
                         <span>51</span><br/>
                         <span>作品</span>

                       </div>
                       <div class="num_item">
                           <span>112</span><br/>
                           <span>日志</span>
                       </div>

                       <div class="num_item">                       
                          <span>1</span><br/>
                          <span>画展</span>
                       </div>

                   </div>
               </div>
           </div>      
      </div>

    <!--左侧 end-->

    <!--右侧 start-->

      <div class="area_r">
          <div class="top">
               <span class="title">作品 </span>
               <div class="lj_nav">
                 <ol class="breadcrumb">
                  <li><a href="#">Home</a></li>
                  <li><a href="#">{$user_info[$post_detail['post_uid']]['uname']}</a></li>
                  <li class="active">{$post_detail['title']}</li>
                </ol>
               </div>
          </div>

          <div class="area_cont">

               <div class="area_title">
                     <div class="at_l">
                        <h1>{$post_detail.title}</h1>

                        <div class="time">
                            {$post_detail.post_time|date="Y年m月d日   H时i分s秒",###}
                        </div>

                        <div class="btn_4">
                             <div>实例</div>
                             <div>代码</div>
                             <div>教程</div>
                             <div>时间</div>
                        </div>

                     </div>
                     <div class="at_r">
                         <div class="at_r_t">

                           <eq name="post_detail['digg']" value="undigg"> 
                             <a  title="赞" event-args="blog_id={$post_detail['post_id']}" href="javascript:void(0)" event-node="post_love"  >
                             <div class="dz">
                                <img src="__APP__/images/dz.png"><br/>
                                <span>
                                点赞(
                                <i>{$post_detail.praise}</i>)
                              </span>
                             </div>
                           </a>
                              </eq>

                     <eq name="post_detail['digg']" value="digg"> 
                      <a  title="已赞" event-args="blog_id={$post_detail['post_id']}" href="javascript:void(0)" event-node="post_unlove"  >
                            <div class="dz">
                                <img src="__APP__/images/dz.png"><br/>
                                <span>
                                  已赞(
                                  <i>{$post_detail.praise}</i>)
                                </span>
                             </div>
                      </a>
                    </eq>




                            <php>if($post_detail['favorite']==1){</php>
                             <a  event-args="post_id={$post_detail['post_id']}&weiba_id={$post_detail['weiba_id']}&post_uid={$post_detail['post_uid']}" href="javascript:void(0)" event-node="post_unfavorite" id="favorite">
                             <div class="sc">
                                 <img src="__APP__/images/sc.png"><br/>
                                 <span>取消收藏</span>
                             </div>
                           </a>
                             <php>}else{</php>
                              <a  event-args="post_id={$post_detail['post_id']}&weiba_id={$post_detail['weiba_id']}&post_uid={$post_detail['post_uid']}" href="javascript:void(0)" event-node="post_favorite" id="favorite">
                             <div class="sc">
                                 <img src="__APP__/images/sc.png"><br/>
                                 <span>收藏</span>
                             </div>
                           </a>
                             <php>}</php>


                         </div>

                         <div class="at_r_d">
                             分享：
                             <span><img src="__APP__/images/kj.png"></span>
                             <span><img src="__APP__/images/qq.png"></span>
                             <span><img src="__APP__/images/wb.png"></span>
                             <span><img src="__APP__/images/wx.png"></span>
                          
                         </div>

                     </div>
                    

               </div>

               <div class="area_art">
                 
                  <p>{$post_detail.content}</p>

               </div>

               <div class="line"></div>

               <div class="desc">
                  <div class="d_left">
                    <img src="__APP__/images/zz.png"/>
                  </div>
                  <div class="d_right">
                    <h1>{$user_info[$post_detail['post_uid']]['uname']}[作者简介]</h1>
                    <div class="tx">
                        <span>中国美术家协会会员</span>
                        <span>中国工笔画学会会员</span>                     
                    </div>

                    <div class="zz_desc">
                    {$user_info[$post_detail['post_uid']]['intro']}
                  </div>
                  </div>

               </div>
            
          </div>

             <div class="other_zp clearfix">
        <div class="zp_hd">
          <div class="zp_hleft">
            <i></i>
            <span>本作者其他作品</span>
         </div>

         <div class="zp_hright">
             <i></i>
             <span><a href="javascript:;" id="do_change">换一批</a></span>
         </div>

        </div>

        <div class="clearfix zp_bd">
           <div class="zp_list">
               <ul> 
                 <volist name="orther_zp" id="zp">               
                      <li> 
                          <div class="pic">
                            <img src="{$zp.zp_img}"/>
                          </div>
                          <div class="zp_title">
                             {$zp.title}
                           </div>
                           

                      </li>
                    </volist >                                         
               </ul>
           </div>
        </div>

    </div>


      </div>

    <!--右侧 end-->
     



  </div>
    </div>	

     

     <div class="clearfix" style="height:1000px"></div>

    <include file="__THEME__/public_footer" />







</div>
</div>
</div>

 <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
   <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="__APP__/weiba.js"></script>
 <script type="text/javascript">
      var cur_p = 2;
      $('#do_change').on('click',function(){
         var url = "{:U('weiba/Index/ajax_other_zp')}";
         var post_uid ="{$p_uid}";
         var cur_id = "{$post_detail['post_id']}";
         var data = {'uid':post_uid,'cur_p':cur_p,'cur_id':cur_id};
         console.log(data);
         $.ajax({
            type:'post',
            url:url,
            data:data,
            success:function(res){
            $('.zp_list').html(res);

             cur_p++;
            },
            dataType:'json'
         });

      });

  </script>

</body>
</html>